<!--
 * @Author: caozaihui
 * @Date: 2024-06-21 09:36:08
 * @LastEditors: czh 2119294696@qq.com
 * @LastEditTime: 2024-07-03 12:01:07
 * @FilePath: \YMU_forum_vue\src\views\Home\index.vue
-->
<!-- 主页面 -->
<script setup>

import HomeLeft from './components/left/HomeLeft.vue';
import HomeMain from './components/main/HomeMain.vue';
import HomeRight from './components/right/HomeRight.vue';
import LayoutFooter from '@/components/LayoutFooter.vue';
import blurb from './components/blurb/blurb.vue';


</script>

<template>

    <blurb />
    <el-row :gutter="10">
        <el-col :xs="24" :lg="5">
            <div class="borderLeft">
                <HomeLeft />
            </div>

        </el-col>
        <el-col :xs="24" :lg="14">
            <HomeMain />
            <LayoutFooter />
        </el-col>
        <el-col :xs="24" :lg="5">
            <HomeRight />
        </el-col>
    </el-row>




</template>
<style scoped>
@media screen and (max-width: 768px) {
    .borderLeft {
        height: auto !important;
        padding-bottom: 50px
    }
}

.borderLeft {
    height: 100vh;
}
</style>